<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>分享商城测试</title>
<link href="__PUBLIC__/plugins/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="__PUBLIC__/plugins/jquery/2.1.3/jquery.min.js"></script> 
<script src="__PUBLIC__/plugins/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<script>
var share_data = <?= json_encode($share_data) ?> ;
wx.config({
    debug   : false ,
    appId   : '<?php echo $js_config["appid"]; ?>' ,
    timestamp: <?php echo $js_config["timestamp"]; ?>,
    nonceStr: '<?php echo $js_config["noncestr"];?>',
    signature: '<?php echo $js_config["signature"];?>',
    jsApiList: [
      'onMenuShareTimeline' ,
      'onMenuShareAppMessage',
      'onMenuShareQQ' ,
      'onMenuShareWeibo'
    ]
});

wx.ready(function () {
  wx.onMenuShareTimeline({
    title : share_data.title, // 分享标题
    link  : share_data.link, // 分享链接
    desc  : share_data.desc , // 分享描述
    imgUrl: share_data.icon, // 分享图标
    success: function () { 
      // 用户确认分享后执行的回调函数
      //alert( share_data.link);
    },
    cancel: function () { 
      //用户取消分享后执行的回调函数
    }
  });
  
  wx.onMenuShareAppMessage({
    title: share_data.title, // 分享标题
    desc : share_data.desc , // 分享描述
    link : share_data.link, // 分享链接
    imgUrl:  share_data.icon, // 分享图标
    type: 'link', // 分享类型,music、video或link，不填默认为link
    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
    success: function () { 
      // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
      // 用户取消分享后执行的回调函数
    }
  });
      
  wx.onMenuShareQQ({
    title: share_data.title, // 分享标题
    desc: share_data.desc, // 分享描述
    link: share_data.link, // 分享链接
    imgUrl: share_data.icon, // 分享图标
    success: function () { 
      // 用户确认分享后执行的回调函数
      //alert(share_data.url);
    },
    cancel: function () { 
      // 用户取消分享后执行的回调函数
    }
  });
  wx.onMenuShareWeibo({
    title: share_data.title, // 分享标题
    desc: share_data.desc, // 分享描述
    link: share_data.link , // 分享链接
    imgUrl: share_data.icon , // 分享图标
    success: function () { 
      // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
      // 用户取消分享后执行的回调函数
    }
  });
});
</script>
<body>

<div class="container-fluid">

  <div class="row">
    <div class="col-md-6">
      <div class="thumbnail" style="text-align:center">
        <h4>当前用户 </h4>
        <img src="<?= $cur_user_info['headimgurl']?>" alt="用户头像" class="img-circle" style="width:20%">
        <div class="caption" >
          <p><?= $cur_user_info['nickname']?></p>
          <p>提成：</p>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-md-6">
      <div class="thumbnail" style="text-align:center">
        <h4>上级推荐用户 </h4>
        <?php if ( isset( $rec_user_info ) ) : ?>
        <img src="<?= $rec_user_info['headimgurl']?>" alt="用户头像" class="img-circle" style="width:20%">
        <div class="caption" >
          <p><?= $rec_user_info['nickname']?></p>
          <p>提成：</p>
        </div>
        <?php endif; ?>
      </div>
    </div>
  </div>
  
  <div class="row">
    <div class="col-md-6">
      <div class="thumbnail" style="text-align:center">
        <a class="btn btn-success" href="#">消费100元</a>
      </div>
    </div>
  </div>
  
</div>

</body>
</html>